<!doctype html>
<html class="no-js ui-mobile-rendering" lang="en">
<head>
	<title>myfuel</title>
    <meta charset="utf-8" />
	<meta name="description" content="">

	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
	<link rel="stylesheet" href="bootstrap_ext/awesome-bootstrap-checkbox.css" />
    
    <!-- Custom styles for this template -->
    <link href="theme/css/font-lato.css" rel="stylesheet">
    
	<link rel="stylesheet" href="css/jquery.ui.datepicker.mobile.css" /> 
	<link rel="stylesheet" href="css/jquery.jqplot.min.css" /> 
	
	<link rel="stylesheet" href="css/style.css" />
	<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
	<script src="js/libs/require.js" data-main="js/mobile"></script>
</head>
<body>
<div id="loading" data-role="page" data-title="Loading">

	<div data-role="content">
		<img style="display:block; margin:0 auto;" src="img/wp_loader.gif">
	</div><!-- /content -->
	
</div>

    
    

<!---------------- synchronizacja ------------------------ -->

<div class="scrollable-area" id="synchro" data-role="page" data-title="Synchronizacja">
</div>

<!-- template -->
<script id="synchroEditAccountCreate" type="text/template">
	
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <button type="button" class="btn btn-default navbar-btn" onclick="location.hash='tankowanie-lista';">
                <span class="glyphicon glyphicon-chevron-left"></span>
                <span data-lang="wroc">wróć</span>
            </button>
            <h4 class="navbar-text pull-right" data-lang="synchronizacja">Synchronizacja</h4>
        </div>
    </nav>
    
    <div class="container">
	
        <form role="form" method="post" action="#" id="formAccountCreate">
                        
            <legend data-lang="twoje_konto">Twoje konto</legend>
            
            <div class="form-group">
            
                <label for="login">Email</label>
                <input type="email" class="form-control" name="login" id="login" value="" class="custom" />
                <span></span>
            
            </div>
            
            <div class="form-group">
            
                <label for="pass" data-lang="haslo">Hasło</label>
                <input type="password" class="form-control" name="pass" id="pass" value="" class="custom" />
                <span></span>
            
            </div>
            
            <div class="form-group">
            
                <label for="pass2" data-lang="haslo2">Potwierdź hasło</label>
                <input type="password" class="form-control" name="pass2" id="pass2" value="" class="custom" />
                <span></span>
            
            </div>
            
            <button type="submit" class="btn btn-primary btn-lg btn-block" id="btnAccountCreate" data-lang="utworz">Utwórz</button>
        </form>
        
        <br />
        
        <button type="button" class="btn btn-default btn-block" id="btnAccountLoginTo" data-lang="mam_konto">Mam już konto</button>
    
    </div>
    <div class="modal_place"></div>
</script>
<script id="synchroEditAccountLogin" type="text/template">
	<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <button type="button" class="btn btn-default navbar-btn" onclick="location.hash='tankowanie-lista';">
                <span class="glyphicon glyphicon-chevron-left"></span>
                <span data-lang="wroc">wróć</span>
            </button>
            <h4 class="navbar-text pull-right" data-lang="synchronizacja">Synchronizacja</h4>
        </div>
    </nav>
    
	<div class="container">
	
        <% ustawienia = ustawienia.toJSON() %>
        <form role="form" method="post" action="#" id="formAccountLogin">
                        
            <legend data-lang="twoje_konto">Twoje konto</legend>
            
            <div class="form-group">
            
                <label for="login">Email</label>
                <input type="email" class="form-control" name="login" id="login" value="<%= ustawienia.login %>" class="custom" />
                <span></span>
            
            </div>
            
            <div class="form-group">
            
                <label for="pass" data-lang="haslo">Hasło</label>
                <input type="password" class="form-control" name="pass" id="pass" value="<%= ustawienia.pass %>" class="custom" />
                <span></span>
            
            </div>
            
            <button type="submit" class="btn btn-primary btn-lg btn-block" id="btnAccountLogin" data-lang="logowanie">Logowanie</button>
        </form>
        
        <br />
        
        <button type="button" class="btn btn-default btn-block" id="btnAccountCreateTo" data-lang="utworz_konto">Utwórz nowe konto</button>
    
    </div>
    <div class="modal_place"></div>
</script>
<script id="synchroExport" type="text/template">
    
    <nav class="navbar navbar-default navbar-static-top navbar-fixed-top" role="navigation">
        <div class="container">
            <button type="button" class="btn btn-default navbar-btn" onclick="location.hash='tankowanie-lista';">
                <span class="glyphicon glyphicon-chevron-left"></span>
                <span data-lang="wroc">wróć</span>
            </button>
            <h4 class="navbar-text pull-right" data-lang="synchronizacja">Synchronizacja</h4>
        </div>
    </nav>
    
    <nav class="navbar navbar-default navbar-static-top navbar-secound" role="navigation">
        <div class="container">
            <div class="row" style="padding-top:5px; margin: 0 auto">
                <a class="btn btn-default active" data-lang="eksport_label">Eksport</a>
                <a class="btn btn-default" id="btnGoToImport" data-lang="import_label">Import</a>
            </div>
		</div>
    </nav>
    
    
    
	<div class="container">
	
        <form role="form" method="post" action="#" id="formSaveOnServer">
                        
            <legend data-lang="pojazdy_urzadzenie">Pojazdy na urządzeniu</legend>
            
            
            <% _.each( collection.toJSON(), function( auto, id ) { %>

                <div class="checkbox checkbox-info checkbox-circle">
                    <input type="checkbox" name="auto_<%= auto.id %>" id="c<%= auto.id %>" value="<%= auto.id %>" <% if (auto.synchro == 1) { %>checked<% } %>/>
                    <label for="c<%= auto.id %>"><%= auto.nazwa %> <%= auto.opis %></label>
                </div>

            <% }); %>
            
            
            <p style="white-space:normal" data-lang="zapisz_na_serwer_info">
            Wpisy z WYBRANYCH POJAZDÓW zostaną zapisane na serwerze. W dowolnej chwili będziesz mógł wgrać je z powrótem do tego urządzenia.
            Dane te są powiązane z Twoim kontem, wieć korzystając z podanego adresu email i hasła, możesz je wgrać na dowolne inne urządzenie.
            Jeżeli NIEWYBRANE POJAZDY znajdują się już na serwerze, to zostaną z niego usunięte.
            </p>
            
            
            <button type="button" class="btn btn-primary btn-lg btn-block" id="btnSynchroSaveOnServer" data-lang="zapisz_na_serwerze">Wyślij na serwer</button>
        </form>
        <br />
    </div>
    <div class="modal_place"></div>
</script>
<script id="synchroImport" type="text/template">
    
    <nav class="navbar navbar-default navbar-static-top navbar-fixed-top" role="navigation">
        <div class="container">
            <button type="button" class="btn btn-default navbar-btn" onclick="location.hash='tankowanie-lista';">
                <span class="glyphicon glyphicon-chevron-left"></span>
                <span data-lang="wroc">wróć</span>
            </button>
            <h4 class="navbar-text pull-right" data-lang="synchronizacja">Synchronizacja</h4>
        </div>
    </nav>
    
    <nav class="navbar navbar-default navbar-static-top navbar-secound" role="navigation">
        <div class="container">
            <div class="row" style="padding-top:5px; margin: 0 auto">
                <a class="btn btn-default" id="btnGoToExport" data-lang="eksport_label">Eksport</a>
                <a class="btn btn-default active" data-lang="import_label">Import</a>
            </div>
		</div>
    </nav>
    
    
    
	<div class="container">
	
        <form role="form" method="post" action="#" id="formGetFromServer">
                        
            <legend data-lang="pojazdy_serwer">Pojazdy na serwerze</legend>
            
            <% _.each( collection, function( auto, id ) { %>

                <div class="checkbox checkbox-info checkbox-circle">
                    <input type="checkbox" name="auto_<%= auto.id %>" id="c<%= auto.id %>" value="<%= auto.id %>" checked />
                    <label for="c<%= auto.id %>">
                        <%= auto.nazwa %> 
                        <%= auto.opis %> 
                        <br />
                        <span data-lang="data_synchronizacji">Data synchronizacji</span> : <%= auto.data %>
                    </label>
                </div>
            
            <% }); %>
            
            
            
            <p style="white-space:normal" data-lang="pobierz_z_serwera_info">
            Dane WYBRANYCH POJAZDÓW zostaną pobrane z serwera i wgrane na Twoje urządzenie.
            Zwróć uwagę na DATĘ OSTATNIEJ SYNCHRONIZACJI, ponieważ jeżeli pobrane pojazdy istnieją juz na tym urządzeniu
            to zostaną zastąpione danymi pobranymi z serwera.
            </p>
            
            
            <button type="button" class="btn btn-primary btn-lg btn-block" id="btnSynchroGetFromServer" data-lang="pobierz_z_serwera">Pobierz z serwera</button>
        </form>
        <br />
    </div>
    <div class="modal_place"></div>   
</script>
    
<script id="infoPopup" type="text/template">
	
    <div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" data-lang="informacja">Informacja</h4>
                </div>
                <div class="modal-body">
                    <%= msg %>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal" data-lang="wroc">Wróć</button>
                </div>
            </div>
        </div>
    </div>
</script>
    
    
    
    
    
    
<!---------------- wykres ------------------------ -->

<div class="scrollable-area" id="wykres" data-role="page" class="plain" data-title="Wykres">
</div>

<!-- template -->

<script id="wykresContent" type="text/template">
    
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <button type="button" class="btn btn-default navbar-btn" onclick="location.hash='tankowanie-lista';">
                <span class="glyphicon glyphicon-chevron-left"></span>
                <span data-lang="wroc">wróć</span>
            </button>
            <h4 class="navbar-text pull-right" data-lang="wykres">Wykres</h4>
            <button type="button" class="btn btn-default navbar-btn menu">
                <span class="glyphicon glyphicon-cog"></span>
                <span data-icon="add" data-lang="opcje">opcje</span>
            </button>
        </div>
    </nav>
      
    <nav class="navbar navbar-default navbar-static-top navbar-secound" role="navigation">
        <div class="container">
            <div class="row" style="padding-top:5px; margin: 0 auto">
                <a href="#wykres?spalanie" data-lang="spalanie" class="btn btn-default <% if (typ == "spalanie") { %>active<%}%>"	>spalanie</a>
                <a href="#wykres?cena" data-lang="cena" 		class="btn btn-default <% if (typ == "cena") { %>active<%}%>"	>cena</a>
                <a href="#wykres?koszty" data-lang="koszt" 		class="btn btn-default <% if (typ == "koszty") { %>active<%}%>"	>koszty</a>
            </div>
		</div>
    </nav>
    
	<div class="container">
		<div id="chart"></div>
	</div>
	

	<div class="modal_place"></div>
</script>

<script id="wykresOptions" type="text/template">
	
    <div class="modal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" data-lang="typ">Typ</h4>
                </div>
                <div class="modal-body">
                    <div class="list-group">
                        <% if (typ2 == "all") { %>
                            <a class="list-group-item" href="#wykres?<%= typ %>" data-lang="miesieczny">Miesięczny</a>
                        <% } else { %>
                            <a class="list-group-item" href="#wykres?<%= typ %>,all" data-lang="szczegolowy">Szczegółowy</a>
                        <% } %>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal" data-lang="anuluj">Anuluj</button>
                </div>
            </div>
        </div>
    </div>
</script>
    
    
    
    
    


<!---------------- podsumowanie ------------------------ -->

<div class="scrollable-area" id="podsumowanie" data-role="page" data-title="Podsumowanie">
</div>

<!-- template -->
<script id="podsumowanieContent" type="text/template">
	
    <% auto = auto.toJSON() %>
    
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <button type="button" class="btn btn-default navbar-btn" onclick="location.hash='tankowanie-lista';">
                <span class="glyphicon glyphicon-chevron-left"></span>
                <span data-lang="wroc">wróć</span>
            </button>
            <h4 class="navbar-text pull-right"><%= auto.nazwa %></h4>
        </div>
    </nav>
     
    <div class="container">
 
        <div class="panel panel-default">
           <div class="panel-heading">
               <span data-lang="spalanie">Spalanie</span> [ <%= session.pojemnosc %>/100 <%= session.dlugosc %> ]
           </div>
           <div class="panel-body">
               <div class="row">
                   <div class="col-xs-8" data-lang="srednie">Średnie</div>
                   <div class="col-xs-4"><b><%= dane.spalanie.avg %></b></div>
               </div>
               <div class="row">
                   <div class="col-xs-8" data-lang="minimalne">Minimalne</div>
                   <div class="col-xs-4"><%= dane.spalanie.min %></div>
               </div>
               <div class="row">
                   <div class="col-xs-8" data-lang="maksymalne">Maksymalne</div>
                   <div class="col-xs-4"><%= dane.spalanie.max %></div>
               </div>
           </div>
       </div>

       <div class="panel panel-default">
           <div class="panel-heading">
               <span data-lang="koszt">Koszt</span> [ <%= session.waluta %> ]
           </div>
           <div class="panel-body">
               <div class="row">
                   <div class="col-xs-8" data-lang="calkowity">Całkowity</div>
                   <div class="col-xs-4"><b><%= dane.koszty.sum %></b></div>
               </div>
               <div class="row">
                   <div class="col-xs-8" data-lang="sredni_koszt_tankowania">Średni koszt tankowania</div>
                   <div class="col-xs-4"><%= dane.koszty.avg %></div>
               </div>
               <div class="row">
                   <div class="col-xs-8" data-lang="najdrozsze_tankowanie">Najdroższe tankowanie</div>
                   <div class="col-xs-4"><%= dane.koszty.max %></div>
               </div>
           </div>
       </div>

       <div class="panel panel-default">
           <div class="panel-heading">
               <span data-lang="przebieg">Przebieg</span> [ <%= session.dlugosc %> ]
           </div>
           <div class="panel-body">
               <div class="row">
                   <div class="col-xs-8" data-lang="calkowity">Całkowity</div>
                   <div class="col-xs-4"><b><%= dane.przebieg.all %></b></div>
               </div>
               <div class="row">
                   <div class="col-xs-8" data-lang="sredni_przebieg_miedzy_tankowaniami">Średni przebieg między tankowaniami</div>
                   <div class="col-xs-4"><%= dane.przebieg.between %></div>
               </div>
               <div class="row">
                   <div class="col-xs-8" data-lang="najwiekszy_przebieg_miedzy_tanowaniami">Najwięszy przebieg między tankowaniami</div>
                   <div class="col-xs-4"><%= dane.przebieg.between_max %></div>
               </div>
               <div class="row">
                   <div class="col-xs-8" data-lang="najmniejszy_przebieg_miedzy_tankowaniami">Najmniejszy przebieg między tankowaniami</div>
                   <div class="col-xs-4"><%= dane.przebieg.between_min %></div>
               </div>
           </div>
       </div>

       <div class="panel panel-default">
           <div class="panel-heading">
               <span data-lang="paliwo">Paliwo</span> [ <%= session.pojemnosc %> ]
           </div>
           <div class="panel-body">
               <div class="row">
                   <div class="col-xs-8" data-lang="cale_zuzyte_paliwo">Całe zużyte paliwo</div>
                   <div class="col-xs-4"><b><%= dane.paliwo.sum %></b></div>
               </div>
               <div class="row">
                   <div class="col-xs-8" data-lang="srednia_tankowana_ilosc">Średnia tankowana ilość</div>
                   <div class="col-xs-4"><%= dane.paliwo.avg %></div>
               </div>
               <div class="row">
                   <div class="col-xs-8" data-lang="najwieksza_tankowana_ilosc">Największa tankowana ilość</div>
                   <div class="col-xs-4"><%= dane.paliwo.max %></div>
               </div>
               <div class="row">
                   <div class="col-xs-8" data-lang="najmniejsza_tankowana_ilosc">Najmniejsza tankowana ilość</div>
                   <div class="col-xs-4"><%= dane.paliwo.min %></div>
               </div>
           </div>
       </div>
    
	</div>
</script>

    
    
    

<!-- --------------------- tankowanie edycja ------------------------ -->

<div class="scrollable-area" id="tankowanie-edit" data-role="page" data-title="Tankowanie edycja">
</div>

<!-- template -->
<script id="tankowanieEditContent" type="text/template">
	
    
    
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <button type="button" class="btn btn-default navbar-btn" onclick="location.hash='tankowanie-lista';">
                <span class="glyphicon glyphicon-chevron-left"></span>
                <span data-lang="wroc">wróć</span>
            </button>
            <h4 class="navbar-text pull-right" data-lang="tankowanie">Tankowanie</h4>
        </div>
    </nav>
    
    <div class="container">
    
    <% 
	tankowanie = tankowanie.toJSON();
	auto = auto.toJSON();
	tankowanieLast = tankowanieLast.toJSON();
    tankowanieNext = tankowanieNext.toJSON();
	%>
    
    
        <form novalidate role="form" method="post" action="#" id="formTankowanieEdit">
            <input type="hidden" name="id" value="<%= tankowanie.id %>"/>
            <input type="hidden" name="id_auto" value="<%= auto.id %>"/>
            
            <div class="form-group">
                <label for="przebieg" class="ui-input-text"><span data-lang="aktualny_przebieg">Aktualny przebieg</span> [<%= Session.dlugosc %>]</label>
				<input  type="<% if (Session.keyboard == 1) { %>number<% } else { %>text<% } %>"
                        class="form-control input_number"
                        name="przebieg"
                        value="<%= tankowanie.przebieg %>"/>
				<% if (typeof tankowanieLast.id !== "undefined") {%>
					<span class="label label-default"><span data-lang="ostatnio">ostatnio</span> <%=tankowanieLast.przebieg%></span>
				<% } %>
                <% if (typeof tankowanieNext.id !== "undefined") {%>
					<span class="label label-default"><span data-lang="nastepne">następne</span> <%=tankowanieNext.przebieg%></span>
				<% } %>
                <span class="x"></span>
            </div>
            
            <div class="form-group">
                <label for="ilosc" class="ui-input-text"><span data-lang="ilosc_wlanego_paliwa">Ilość wlanego paliwa</span> [<%= Session.pojemnosc %>]</label>
				<input  type="<% if (Session.keyboard == 1) { %>number<% } else { %>text<% } %>"
                        class="form-control input_number"
                        name="ilosc"
                        value="<%= tankowanie.ilosc %>"/>
                <span class="x"></span>
            </div>
            
            <div class="form-group">
                <label for="cena" class="ui-input-text"><span data-lang="cena_za">Cena za</span> 1 <%= Session.pojemnosc %></label>
				<input  type="<% if (Session.keyboard == 1) { %>number<% } else { %>text<% } %>"
                        class="form-control input_number"
                        name="cena"
                        value="<%= tankowanie.cena %>"/>
				<span class="x"></span>
            </div>
            
            <div class="form-group">
                <label class="ui-input-text" data-lang="informacje_dodatkowe">Informacje dodatkowe</label>
                   
                <input type="hidden" name="r" value="0"/>
                <input type="hidden" name="f" value="0"/>

                <div class="checkbox checkbox-danger checkbox-circle">
                    <input type="checkbox" name="r" value="1" id="r" <% if (tankowanie.r == 1) {%>checked<%}%> />
                    <label for="r" data-lang="byla_rezerwa">była rezerwa</label>
                </div>
                <div class="checkbox checkbox-success checkbox-circle">
                    <input type="checkbox" name="f" value="1" id="f" <% if (tankowanie.f == 1) {%>checked<%}%> />
                    <label for="f" data-lang="do_pelna">do pełna</label>
                </div>
            </div>
            
            <div class="form-group">
                <label for="data" class="ui-input-text" data-lang="data">Data</label>
				<button type="button" class="btn btn-block" id="dateBtn">
                    <span><%= Common.getDateAsString(tankowanie.data) %></span>
                    <span class="glyphicon glyphicon-calendar"></span>
                </button>
				<input name="data" type="hidden" value="<%= tankowanie.data %>" />
				<span class="x"></span>
            </div>
            
            <legend></legend>
            <button type="submit" class="btn btn-primary btn-lg btn-block" data-lang="zapisz">Zapisz</button>
            <br />
        </form>
    </div>
    
    <div class="modal_place"></div>
</script>

<script id="datepickerPopup" type="text/template">

<div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" data-lang="wybierz_date">Wybierz date</h4>
            </div>
            <div class="modal-body">
                <div id="datepickerContent" data-theme="d" class="ui-content" style="min-width:210px;">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" data-lang="anuluj">Anuluj</button>
            </div>
        </div>
    </div>
</div>
    
</script>
    
    
    
    

<!---------------- tankowanie lista ------------------------ -->

<div class="scrollable-area" id="tankowanie-lista" data-role="page" data-title="Tankowania">
</div>

<!-- template -->
<script id="tankowanieContent" type="text/template">
    <% auto = auto.toJSON() %>
    
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container-fluid">
            <button type="button" class="btn btn-default navbar-btn pull-left" onclick="location.hash='tankowanie-edit';">
                <span class="glyphicon glyphicon-plus"></span>
                <span data-lang="tankuje">tankuje</span>
            </button>
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <h4 class="navbar-text pull-right" style="margin-right:20px"><%= auto.nazwa %></h4>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="#auto-lista" data-lang="pojazdy">Pojazdy</a></li>
                    <li><a href="#podsumowanie" data-lang="podsumowanie">Podsumowanie</a></li>
                    <li><a href="#wykres?spalanie" data-lang="wykres">Wykres</a></li>
                    <li><a href="#ustawienia-edit" data-lang="ustawienia">Ustawienia</a></li>
                    <li><a href="#synchro" data-lang="synchronizacja">Synchronizacja</a></li>
                    <li><a onclick="window.open('<%= Common.getStoreUrl() %>', '_blank'); return false;" data-lang="ocen">Rate MyFuel</a></li>
					
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    
    <div class="container">
    
        <% if (collection.toJSON().length <=0) { %>
            <div class="panel panel-default">
                <div class="panel-body">
                    <%= Lang.getText("brak_wpisow") %>
                </div>
            </div>
        <% } %>

        <%
            _.each( collection.toJSON(), function( tankowanie, index , list) {
                
                var leftInfo = '';
                var spalanieInfo = '';

                if (tankowanie.spalanie != '') {
                    spalanieInfo = Lang.getText("spalanie")+" :<strong>" +tankowanie.spalanie+" "+Session.pojemnosc+"</strong>";
                } else {
                    spalanieInfo = "<i>"+Lang.getText("brak_informacji")+"</i>";
                }

                if (!isNaN(tankowanie.cena) && tankowanie.cena != '') {
                    leftInfo = "<strong>"+(tankowanie.ilosc*tankowanie.cena).toFixed(2)+" "+Session.waluta+"</strong><br />";

                }
                

                var dystans = "";
                if (typeof list[index+1] == "object") {
                    dystans = tankowanie.przebieg - (list[index+1].przebieg);
                }

        %>
                <div class="list-group">

                    <a id="<%= tankowanie.id%>" class="list-group-item click">
                        <div class="row">
                            <div class="col-xs-8">
                                <span class="label label-info">
                                    <%= Common.getDateAsString(tankowanie.data) %>
                                </span>
                                <br />
                                <span>
                                    <%= Lang.getText("zatankowano") %> :<strong><%= tankowanie.ilosc %> <%= Session.pojemnosc %></strong>
                                </span>
                                <br />
                                <span>
                                    <%= spalanieInfo %>
                                </span>
                                <br />
                                <% if (!isNaN(tankowanie.cena) && tankowanie.cena != "") { %>
                                    <span>
                                        <%= Lang.getText("cena") %> :<strong><%= tankowanie.cena %> <%= Session.waluta %></strong>
                                    </span>
                                <% } %>
                            </div>
                            <div class="col-xs-4">
                                <span class="label label-default pull-right">
                                    <% if (dystans != "") { %>
                                        <span class="dystans">+<%= dystans %></span>
                                    <% } %>
                                    <%= tankowanie.przebieg %> <%= Session.dlugosc %>
                                </span>
                                <%
                                if (tankowanie.f == 1) {
                                    leftInfo = Lang.getText("do_pelna");
                                    %>
                                    <br />
                                    <span class="label label-success pull-right">
                                        <%= leftInfo %>
                                    </span>
                                    <%
                                }
                                if (tankowanie.r == 1) {
                                    leftInfo = Lang.getText("byla_rezerwa");
                                    %>
                                    <br />
                                    <span class="label label-danger pull-right">
                                        <%= leftInfo %>
                                    </span>
                                    <%
                                }
                                %>
                                
                            </div>
                        </div>
                       
                    </a>
                </div>
        <% 

        });
        %>
    
    </div>
    <div class="modal_place"></div>
    
</script>

<script id="tankowanieMenu" type="text/template">
    
    	
<% tankowanie = tankowanie.toJSON() %>
    
<div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" data-lang="tankowanie">Tankowanie</h4>
            </div>
            <div class="modal-body">
                <div class="list-group">
                    <a class="list-group-item" href="#tankowanie-edit?<%= tankowanie.id %>" data-lang="edycja">Edytuj</a>
                    <a class="list-group-item list-group-item-danger delete_popup" id="<%= tankowanie.id %>" data-lang="usun">Usuń</a>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" data-lang="anuluj">Anuluj</button>
            </div>
        </div>
    </div>
</div>
</script>


<script id="tankowanieDelete" type="text/template">
    
<% tankowanie = tankowanie.toJSON() %>
      
<div class="modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" data-lang="na_pewno_usunac">Na pewno usunąć to tankowanie?</h4>
            </div>
            <div class="modal-body">
                <%    
                    var spalanieInfo = '';
                    if (tankowanie.spalanie != '') {
                        spalanieInfo = Lang.getText("spalanie")+" :<strong>" +tankowanie.spalanie+" "+Session.pojemnosc+"</strong>";
                    } else {
                        spalanieInfo = "<i>"+Lang.getText("brak_informacji")+"</i>";
                    }
                %>
                <span class="label label-info">
                    <%= Common.getDateAsString(tankowanie.data) %>
                </span>
                <br />
                <span>
                    <%= Lang.getText("zatankowano") %> :<strong><%= tankowanie.ilosc %> <%= Session.pojemnosc %></strong>
                </span>
                <br />
                <span>
                    <%= spalanieInfo %>
                </span>
                <br />
                <% if (!isNaN(tankowanie.cena) && tankowanie.cena != "") { %>
                    <span>
                        <%= Lang.getText("cena") %> :<strong><%= tankowanie.cena %> <%= Session.waluta %></strong>
                    </span>
                <% } %>
            
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" data-lang="anuluj">Anuluj</button>
                <button type="button" class="btn btn-danger delete_final" id="<%= tankowanie.id %>" data-lang="usun">Usuń</button>
            </div>
        </div>
    </div>
</div>    
</script>
    
    

    
    

<!-- --------------------- auto lista ------------------------ -->

<div class="scrollable-area" id="auto-lista" data-role="page" data-title="Auta">
</div>

<!-- template -->
<script id="autoContent" type="text/template">
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <button type="button" class="btn btn-default navbar-btn" onclick="location.hash='tankowanie-lista';">
                <span class="glyphicon glyphicon-chevron-left"></span>
                <span data-lang="wroc">wróć</span>
            </button>
            <h4 class="navbar-text pull-right" data-lang="nowy_pojazd">Nowy</h4>
            <button type="button" class="btn btn-default navbar-btn" onclick="location.hash='auto-edit';">
                <span class="glyphicon glyphicon-plus"></span>
                <span data-icon="add" data-lang="nowy">nowy</span>
            </button>
        </div>
    </nav>
    
    <div class="container">
        <div class="list-group">
            <% _.each( collection.toJSON(), function( auto, id ) { %>
                <a class="click list-group-item" id="<%= auto.id %>">
                    <h4 class="list-group-item-heading">
                        <%= auto.nazwa %>
                        <% if (auto.aktywny == 1) { %>
                            *
                        <% } %>
                    </h4>
                    <p class="list-group-item-text">
                        <%= auto.opis %>
                         <% if (auto.synchro == 0) { %>
                            <p class="ui-li-aside">
                                Synchro. OFF
                            </p>
                        <% } %>
                    </p>
                </a>
            <% }); %> 
        </div>
    </div>
    
    <div class="modal_place"></div>
</script>

<script id="autoMenu" type="text/template">
	
<% auto = auto.toJSON() %>
    
<div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" data-lang="pojazdy">Pojazd</h4>
            </div>
            <div class="modal-body">
                <div class="list-group">
                    <a class="list-group-item choose" id="<%= auto.id %>" data-lang="tankuje">Tankuję</a>
                    <a class="list-group-item" href="#auto-edit?<%= auto.id %>" data-lang="edycja">Edytuj</a>
                    <a class="list-group-item list-group-item-danger delete_popup" id="<%= auto.id %>" data-lang="usun">Usuń</a>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" data-lang="anuluj">Anuluj</button>
            </div>
        </div>
    </div>
</div>
</script>

<script id="autoDelete" type="text/template">
    
<% auto = auto.toJSON() %>
      
<div class="modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" data-lang="na_pewno_usunac_auto">Na pewno usunąć to auto?</h4>
            </div>
            <div class="modal-body">
                <p><%= auto.nazwa %></p>
                <p><%= auto.opis %></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" data-lang="anuluj">Anuluj</button>
                <button type="button" class="btn btn-danger delete_final" id="<%= auto.id %>" data-lang="usun">Usuń</button>
            </div>
        </div>
    </div>
</div>

</script>



<!-- --------------------- auto edycja ------------------------ -->

<div class="scrollable-area" id="auto-edit" data-role="page" data-title="Auta edycja">
</div>
<!-- template -->

<script id="autoEdit" type="text/template">
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <button type="button" class="btn btn-default navbar-btn" onclick="location.hash='auto-lista';">
                <span class="glyphicon glyphicon-chevron-left"></span>
                <span data-lang="wroc">wróć</span>
            </button>
            <h4 class="navbar-text pull-right" data-lang="nowy_pojazd">Nowy</h4>
        </div>
    </nav>
    
    <div class="container">
        <% auto = auto.toJSON() %>
        <form role="form" method="post" action="#" id="formAutoEdit">
            <input type="hidden" name="id" value="<%= auto.id %>"/>
            <input type="hidden" name="synchro" value="0" />
            
            <div class="form-group">
                <label for="nazwa" data-lang="marka_model">Marka i model</label>
				<input type="text" class="form-control" name="nazwa" value="<%= auto.nazwa %>"/>
				<span></span>
            </div>
            
            <div class="form-group">
                <label for="opis" data-lang="silnik">Silnik</label>
				<input type="text" class="form-control" name="opis" value="<%= auto.opis %>"/>
            </div>
            
            <div class="form-group">
                <div class="checkbox checkbox-info checkbox-circle">
                    <input type="checkbox" name="synchro" id="checkbox-synchro" value="1" class="custom" <% if (auto.synchro == 1) { %> checked <% } %> />
                    <label for="checkbox-synchro" data-lang="domyslnie_zaznaczony">Domyślnie zaznaczony przy synchronizacji</label>
                </div>
            </div>
            
            <button type="submit" class="btn btn-default" data-lang="zapisz">Zapisz</button>
        </form>
    </div>
</script>


<!---------------- ustawienia / settings ------------------------ -->

<div class="scrollable-area" id="ustawienia-edit" data-role="page" data-title="Ustawienia">
    
</div>
<!-- template -->
<script id="ustawieniaEdit" type="text/template">
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <button type="button" class="btn btn-default navbar-btn" onclick="location.hash='tankowanie-lista';">
                <span class="glyphicon glyphicon-chevron-left"></span>
                <span data-lang="wroc">wróć</span>
            </button>
            <h4 class="navbar-text pull-right" data-lang="ustawienia">Ustawienia</h4>
        </div>
    </nav>

    <% ustawienia = ustawienia.toJSON() %>
    <!-- /header -->
	<div class="container">
        <form role="form" method="post" action="#" id="formUstawieniaEdit">
            <input type="hidden" name="id" value="<%= ustawienia.id %>"/>
            
            <div class="form-group">
                <% inna = true; %>
                <label for="aaa" data-lang="jednostka_dlugosci">Jednostka długości</label>
                
                <div class="radio radio-circle">
                    <input type="radio" name="dlugosc" id="radio-km" value="km" <% if(ustawienia.dlugosc == "km") {inna = false;%> checked <%}%>/>
                    <label for="radio-km">Kilometr [ km ]</label>
                </div>
                
                <div class="radio radio-circle">
                    <input type="radio" name="dlugosc" id="radio-mila" value="mi" <% if(ustawienia.dlugosc == "mi") {inna = false;%> checked <%}%>/>
                    <label for="radio-mila">Mile [ mi ]</label>
                </div>
                
                <input type="text" class="form-control" id="dlugosc_inna" data-lang="jednostka_dlugosci_inna" name="dlugosc_inna" placeholder="inna jednostka" value="<% if(inna == true) {%><%= ustawienia.dlugosc %><%}%>"/>
                <span></span>
            </div>
            
            <div class="form-group">
                <% inna = true; %>
                <label for="aaa" data-lang="jednostka_pojemnosci">Jednostka pojemności</label>
                
                <div class="radio radio-circle">
                    <input type="radio" name="pojemnosc" id="radio-l" value="l" <% if(ustawienia.pojemnosc == "l") {inna = false;%> checked <%}%>/>
                    <label for="radio-l">Litr [ l ]</label>
                </div>
                
                <div class="radio radio-circle">
                    <input type="radio" name="pojemnosc" id="radio-g" value="gal" <% if(ustawienia.pojemnosc == "gal") {inna = false;%> checked <%}%>/>
                    <label for="radio-g">Gallon [ gal ]</label>
                </div>
                
                <input type="text" class="form-control" name="pojemnosc_inna" data-lang="jednostka_pojemnosci_inna" placeholder="inna jednostka" value="<% if(inna == true) {%><%= ustawienia.pojemnosc %><%}%>"/>
                <span></span>
            </div>
            
            <div class="form-group">
                <% inna = true; %>
                <label for="aaa" data-lang="waluta">Waluta</label>
                
                <div class="radio radio-circle">
                    <input type="radio" name="waluta" id="radio-pln" value="PLN" <% if(ustawienia.waluta == "PLN") {inna = false;%> checked <%}%>/>
                    <label for="radio-pln">Złoty [ PLN ]</label>
                </div>
                
                <div class="radio radio-circle">
                    <input type="radio" name="waluta" id="radio-euro" value="EUR" <% if(ustawienia.waluta == "EUR") {inna = false;%> checked <%}%>/>
                    <label for="radio-euro">Euro [ EUR ]</label>
                </div>
                
                <div class="radio radio-circle">
                    <input type="radio" name="waluta" id="radio-pound" value="GBP" <% if(ustawienia.waluta == "GBP") {inna = false;%> checked <%}%>/>
                    <label for="radio-pound">Pound [ GBP ]</label>
                </div>
                
                <div class="radio radio-circle">
                    <input type="radio" name="waluta" id="radio-dollar" value="USD" <% if(ustawienia.waluta == "USD") {inna = false;%> checked <%}%>/>
                    <label for="radio-dollar">Dollar [ USD ]</label>
                </div>
                
                <input type="text" class="form-control" name="waluta_inna" data-lang="waluta_inna" placeholder="inna waluta" value="<% if(inna == true) {%><%= ustawienia.waluta %><%}%>"/>
                <span></span>
            </div>
            
            <div class="form-group">
                <% inna = true; %>
                <label for="aaa" data-lang="jezyk">Język</label>
                
                <div class="radio radio-circle">
                    <input type="radio" name="lang" id="radio-en" value="en" <% if(ustawienia.lang == "en") {%> checked <%}%>/>
                    <label for="radio-en">English</label>
                </div>
                
                <div class="radio radio-circle">    
                    <input type="radio" name="lang" id="radio-pl" value="pl" <% if(ustawienia.lang == "pl") {%> checked <%}%>/>
                    <label for="radio-pl">Polski</label>
                </div>
                
                <div class="radio radio-circle">
                    <input type="radio" name="lang" id="radio-de" value="de" <% if(ustawienia.lang == "de") {%> checked <%}%>/>
                    <label for="radio-de">Deutsch</label>
                </div>
                
                <span></span>
            </div>
            
             <div class="form-group">
                <% inna = true; %>
                <label for="aaa" data-lang="keyboard">Klawiatura dla liczb</label>
                
                <div class="radio radio-circle">
                    <input type="radio" name="keyboard" id="radio-keyboard-1" value="1" <% if(ustawienia.keyboard == "1" || ustawienia.keyboard == null) {%> checked <%}%>/>
                    <label for="radio-keyboard-1" data-lang="keyboard_num">Numeryczna</label>
                </div>
                
                <div class="radio radio-circle">
                    <input type="radio" name="keyboard" id="radio-keyboard-2" value="2" <% if(ustawienia.keyboard == "2") {%> checked <%}%>/>
                    <label for="radio-keyboard-2" data-lang="keyboard_def">Standardowa</label>
                </div>
                
                <span></span>
            </div>
            
            <legend></legend>
            <button type="submit" class="btn btn-primary btn-lg btn-block" data-lang="zapisz">Zapisz</button>
            <br />
        </form>
    </div>
</script>
    



</body>
</html>